extends ../common/layout
block content
  section#content
    section.vbox
      //-header.header.bg-light.dk
        p Blog
      section.scrollable.wrapper-lg
        .row
          //-.col-lg-12
            //-面包屑开始
            ul.breadcrumb
              li
                a(href='#')
                  i.fa.fa-home
                  |  Home
              li
                a(href='#')
                  i.fa.fa-list-ul
                  |  Elements
              li.active Components
              //-面包屑结束
          .col-sm-9
            h5.font-bold Blog
            .blog-post
              each blog in blogs
                .post-item
                  //-.post-media
                    img.img-full(src='/images/m42.jpg')
                  .caption.wrapper-lg
                    h2.post-title
                      a(href='/single/#{blog.id}') #{blog.title}
                    //-.post-sum
                      p !{blog.content}
                    .line.line-lg
                    .text-muted.
                      <i class="fa fa-user icon-muted"></i> by <a href="#" class="m-r-sm">#{blog.author.nickName}</a>
                      <i class="fa fa-clock-o icon-muted"></i> #{moment(blog.meta.updataAt).format('LLLL')}
            .text-center.m-t-lg.m-b-lg
              ul.pager
                li.previous
                  a(href='#')
                    span(aria-hidden='true') &larr;
                    |  上一页
                li.next
                  a(href='#')
                    | 下一页
                    span(aria-hidden='true') &rarr;
          //-引用blog 侧边栏
          include ../common/blog-sidebar
